<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Terminal</title>
    <!-- <script src="static/gateone.js"></script> -->
    <script src="https://123.57.91.102:442/static/gateone.js"></script>
    <!-- <script src="callbackInit.js"></script> -->
    <script>
      var newTerminal = function() {
          // Introducing the superSandbox()!  Use it to wrap any code that you don't want to load until dependencies are met.
          // In this example we won't call newTerminal() until GateOne.Terminal and GateOne.Terminal.Input are loaded.
          GateOne.Base.superSandbox("NewExternalTerm", ["GateOne.Terminal", "GateOne.Terminal.Input"], function(window, undefined) {
              "use strict";
              var existingContainer = GateOne.Utils.getNode('#'+GateOne.prefs.prefix+'container');
          var container = GateOne.Utils.createElement('div', {
                  'id': 'container', 'class': 'terminal', 'style': {'height': '100%', 'width': '100%'}
          });
          var gateone = GateOne.Utils.getNode('#gateone');
          // Don't actually submit the form
          if (!existingContainer) {
                  gateone.appendChild(container);
          } else {
                  container = existingContainer;
          }
          // Create the new terminal
          termNum = GateOne.Terminal.newTerminal(null, null, container); 
          });
      };
    
      // Uses newExternalTerminal as GateOne.init()'s callback.
      // The callback will be called after Gate One is initialized.
      window.onload = function() {
          // Initialize Gate One:
          GateOne.init({
              url: 'https://123.57.91.102:442',
              embedded: true,
          }, newTerminal);
      };
    </script>
  </head>
  <body>


  <div id="gateone_container" style="position: relative; width: 60em; height: 30em;">
      <div id="gateone"></div>
  </div>


  </body>
</html>